<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="app">
    <h2>window.onload和DOMContentLoaded 的区别是什么？</h2>
    <p>
      window.onload : 是当 整个页面及所有资源（包括样式表、图片、iframe、脚本等）加载完成时触发，依赖于外部资源。<br>
      DOMContentLoaded: 是当 DOM 树构建完成（HTML 被解析完成，不等待样式表、图片、iframe 等资源加载）时触发，不依赖于外部资源。<br>
      显然，DOMContentLoaded的触发是要快于window.onload的
    </p>
  </div>
</body>
</html>